<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC
  "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"
      xmlns:foaf="http://xmlns.com/foaf/0.1/" 
      xmlns:cal="http://www.w3.org/2002/12/cal/icaltzd#"
      xmlns:wot="http://xmlns.com/wot/0.1/" 
      xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#" 
      xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" 
      xmlns:owl="http://www.w3.org/2002/07/owl#"
      xmlns:dc="http://purl.org/dc/terms/"
      xmlns:openid="http://xmlns.openid.net/auth#"
      xmlns:xsd="http://www.w3.org/2001/XMLSchema#"
      xmlns:bio="http://vocab.org/bio/0.1/olb/">
  <head profile="http://www.w3.org/1999/xhtml/vocab#">
  <link rel="commands" href="ods_ubiquity.js" name="describe-resource"/>
  <link rel="search" type="application/opensearchdescription+xml" title="ODS OpenSearch Description" href="/ods/search.vspx?o=opensearch" />
    <script type="text/javascript">
//<![CDATA[

      document.write('<base href="'+document.location.protocol+'//'+ document.location.host+'/ods/" /> <!--[if IE]></base><![endif]-->');

//]]>
    </script>

    <title>Personal Data Space Explorer</title>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" href="default.css" type="text/css"/>
    <link rel="stylesheet" href="nav_framework.css" type="text/css"/>
    <!-- #META# -->
    <script type="text/javascript">

//<![CDATA[
// patch for recursive profile in iframe.

if ((document.location.href.indexOf ('/dataspace/person/') >- 1 ||
    document.location.href.indexOf ('/dataspace/organization/') >- 1) &&
    (window.parent.frames.length > 0))
  {
    if (window.parent.location.href == window.location.href)
      window.parent.location.reload ();
    else
      window.parent.location.href = window.location.href;
  }

  var ODSInitArray = new Array();

  window.YMAPPID = 'yahoo-id';
  var featureList = ["ajax", "dimmer", "menu", "tab","map","instant","anchor", "json"];

  function init()
    {

      if (typeof ODSInitArray != 'undefined')
        {
          for (var i = 0; i < ODSInitArray.length; i++)
            try
            {
                ODSInitArray[i]();
            }
            catch (err)
            {
               alert ('Error in function call: ' + err.message.toString ()); // XXX add error logging
            }
        }

     }

  function widgetToggle (elm)
    {
      var _divs=elm.parentNode.parentNode.parentNode.getElementsByTagName ('div');
      for (var i = 0; i < _divs.length; i++)
        {
          if (_divs[i].className == 'w_content')
            {
              if (_divs[i].style.display == 'none')
                OAT.Dom.show (_divs[i]);
             else
                OAT.Dom.hide (_divs[i]);
          }
      }
  }

//]]>
    </script>
    <script type="text/javascript" src="oat/loader.js"></script>
    <script type="text/javascript" src="common.js"></script>
    <script type="text/javascript" src="facebook.js"></script>
    <script type="text/javascript" src="login.js"></script>
    <script type="text/javascript" src="nav_framework.js"></script>
  </head>
  <body>
    <div id="fb-root">
    </div>
    <div id="PG">
      <div id="LT">
        <div id="ods_logo">
          <a href="/ods/index.html" class="img_anchor"><img class="ods_logo" src="images/odslogosml_new.png" alt="Site Home"/></a>
        </div> <!-- #ods_logo -->
        <div id="SEARCH_C">
          <input id="search_textbox" type="text" size="10" value="" name="search_textbox"/>
          <img id="search_img" alt="search icon" src="images/search.png" onclick="this.callback()" />
        </div>
        <div id="APP_MENU_C">
        </div> <!-- #APP_MENU_C -->
      </div> <!-- #LT -->
      <div id="RT">
        <div id="HD">
  	  <div id="ODS_BAR">
  	    <div class="button" id="profile_menu">
  	    </div> <!-- .button -->
  	    <div class="button"  style="display:none">
              <ul class="menu" id="communities_menu">
  	        <li>
  	          <div class="menu_head">
                    <a href="javascript:void(0)">Communities</a>
                    <img alt="V" class="menu_dd_handle" src="images/menu_dd_handle.png"/>
                  </div>
  	          <ul class="menu_dd_1st_lvl" id="communities_menu_body">
		    <li></li>
                  </ul>
                </li>
              </ul>
  	    </div> <!-- .button -->

            <div class="button" style="display:none">
              <ul class="menu" id="connections_menu">
  	        <li>
  	          <div class="menu_head">
                    <a href="javascript:void(0)">Connections <span class="indicator" id="connectionsCountSpan">(0)</span></a>
  	            <img alt="V" class="menu_dd_handle" src="images/menu_dd_handle.png"/>
                  </div>
  	          <ul class="menu_dd_1st_lvl" style="display: none;" id="connections_menu_items">
  	            <!--li class="menu_item"><a href="javascript:void(0)">Online Now</a></li-->
  	            <li class="menu_item"><a href="javascript:void(0)">Status Updates</a></li>
  	            <li class="menu_separator"></li>
  	            <li class="menu_item"><a href="javascript:void(0)">Recently Added</a></li>
                    <li class="menu_item"><a href="javascript:void(0)">Recently Updated</a></li>
                    <li class="menu_item"><a href="javascript:void(0)">All Connections</a></li>
  	            <li class="menu_separator"></li>
                    <li class="menu_item"><a href="javascript:void(0)">Invitations</a></li>
  	            <li class="menu_separator"></li>
                    <li class="menu_item"><a href="javascript:void(0)">Find People</a></li>
                  </ul>
                </li>
              </ul> <!-- #connections-menu -->
  	    </div> <!-- .button -->

            <div class="button" style="display:none">
              <ul class="menu" id="messages_menu">
                <li>
                  <div class="menu_head" >
                    <a href="javascript:void(0)">Messages
            		      <span class="indicator" id="newMsgCountSpan">(2)</span>
		    </a>
  	            <img alt="V" class="menu_dd_handle" src="images/menu_dd_handle.png"/>
                  </div> <!-- menu_head -->
                  <ul class="menu_dd_1st_lvl" id="messages_menu_items" style="display:none">
  	            <li class="menu_item" id="mi_inbox"><a href="javascript:void(0)">Message Inbox</a></li>
                    <li class="menu_item" id="mi_sent"><a href="javascript:void(0)">Sent Messages</a></li>
                    <li class="menu_item" id="mi_notification"><a href="javascript:void(0)">Notifications</a></li>
  	            <li class="menu_separator"></li>
                    <li class="menu_item" id="mi_new_message"><a href="javascript:void(0)">New message</a></li>
                  </ul>
                </li>
              </ul> <!-- #messages_menu -->
            </div> <!-- .button -->
            <div id="ODS_BAR_RC">
            </div> <!-- ODS_BAR_RC -->
          </div> <!-- ODS_BAR -->
        </div> <!-- HD -->
        <div id="APP">
        <!-- Messages interface start-->
          <div id="messages_div" style="display: none">
            <div id="messages_tab_interface" >
              <div class="widget w_contact">
                <div class="w_content">
                  <ul class="tab_bar">
                    <li id="msgT1"><a href="javascript:void(0)">Inbox</a></li>
                    <li id="msgT2"><a href="javascript:void(0)">Sent</a></li>
                    <li id="msgT3"><a href="javascript:void(0)">Conversation</a></li>
                    <li id="msgT4"><a href="javascript:void(0)">Notifications</a></li>
                    <li id="msgT5"><a href="javascript:void(0)">New Message</a></li>
                  </ul>
                  <div class="tab_deck">
                    <div id="msgPCtr" class="tab_page">
                    </div>
                    <div id="msgP1" class="tab_page">
                    </div> <!-- tab_page -->
                    <div id="msgP2" class="tab_page">
                    </div> <!-- tab_page -->
                    <div id="msgP3" class="tab_page">
                    </div> <!-- tab_page -->
                    <div id="msgP4" class="tab_page">
                    </div> <!-- tab_page -->
                    <div id="msgP5" class="tab_page">
                    </div> <!-- tab_page -->
                  </div> <!-- tab_deck -->
                </div> <!-- w_content -->
              </div> <!-- widget -->
            </div> <!-- messages_tab_interface -->
  	  </div> <!-- messages_div -->
        <!-- Messages interface end-->

          <iframe id="vspxApp" style="width:100%;height:500px;border:0px;display:none;"></iframe>

  	      <!-- Profile Page start-->

  	  <div id="u_profile_l" style="display:none;">
  	    <div id="user_info_w" class="widget user_info_w">
      	      <div class="w_title" id="userProfilePhotoName">
      	        <h3></h3>
      	      </div>
  	      <div class="w_content">
                <div class="user_img_ctr" id="userProfilePhoto">
                </div> <!-- user_img_ctr -->
                <div class="gems_ctr">
                  <div class="prof_user_gems" id="profileUserGems">
                    <div class="gem">
                      <a href="javascript:void(0)" target="_blank"><img src="images/icons/foaf.png" alt="FOAF"/></a>
                    </div>
                    <div class="gem">
                      <a href="javascript:void(0)" target="_blank"><img src="images/icons/sioc_button.png" alt="SIOC"/></a>
                    </div>
                    <div class="gem">
                      <a href="javascript:void(0)" target="_blank"><img src="images/icons/vcard.png" alt="VCARD"/></a>
                    </div>
                  </div> <!-- prof_user_gems -->
                </div> <!-- gems_ctr -->
                <ul class="prof_user_commands" id="profile_user_actions" style="display:none;">
                  <li><a href="javascript:void(0)" id="profileConnAction">Connect/Disconnect</a></li>
                  <li><a href="javascript:void(0)" id="profileSendMsg">Send a message</a></li>
                  <!--li><a href="javascript:void(0)" id="profileBrowseDS">Browse data space</a></li-->
                  <li><a href="javascript:void(0)" id="profileBrowseCG" style="display:none">Connection graph</a></li>
                </ul>
              </div> <!-- w_content -->
  	    </div> <!-- .widget -->

  	    <div id="ds_w" class="widget ds_w">
  	      <div class="w_title">
                <h3>Data Space</h3>
		<div class="w_title_bar_btns">
		  <img src="images/skin/default/settings_btn.png" alt="settings" />
		  <img src="images/skin/default/menu_dd_handle_close.png"
		       alt="Minimize"
		       class="w_toggle"
		       onclick="widgetToggle(this);"/>
		</div> <!-- w_title_bar_btns -->
	      </div> <!-- w_title -->
  	      <div class="w_content">
                <ul class="ds_list" id="ds_list">
                </ul> <!-- ds_list -->
                <div class="cmd_ctr">&nbsp;</div>
              </div> <!-- w_content -->
            </div> <!-- .widget -->

            <!-- Connections -->

  	    <div id="connections_w" class="widget connections_w">
  	      <div class="w_title">
                <h3 id="connPTitleTxt">Connections</h3>
                <div class="w_title_bar_btns">
                  <img src="images/skin/default/settings_btn.png" alt="settings" />
                  <img src="images/skin/default/menu_dd_handle_close.png"
                       alt="Minimize"
                       class="w_toggle"
                       onclick="widgetToggle(this);"/>
                </div> <!-- w_title_bar_btns -->
	      </div> <!-- w_title -->
  	      <div class="w_content">
                <ul class="tab_bar">
                <li id="connT1" class="sel"><a href="javascript:void(0)">Thumbnails</a></li>
                  <li id="connT2"><a href="javascript:void(0)">Map</a></li>
                </ul>
                <div class="tab_deck">
                  <div id="connPCtr" class="tab_page">
                  </div>
                  <div class="tab_page" id="connP1">
                </div>
                <div class="tab_page" id="connP2">
                  <div id="connP2map" style="height: 200px;"> </div>
                </div>
                </div> <!-- tab_deck -->
              </div> <!-- w_content -->
  	    </div> <!-- .widget -->
            <div id="groups_w" class="widget groups_w">
  	      <div class="w_title">
  	        <h3 id="discussionsTitleTxt">Discussion Groups ()</h3>
  	      </div>
  	      <div class="w_content" id="discussionsCtr">
              </div> <!-- w_content -->
  	    </div> <!-- .widget -->
  	  </div> <!-- u_home_l -->

          <div id="u_profile_r" style="display:none;">

            <!-- Contact Information widget -->

            <div class="widget w_contact" about="#THIS" instanceof="foaf:Person">
              <div class="w_title">
                <h3>Contact Information</h3>
                <div class="w_title_bar_btns">
		  <img src="images/skin/default/settings_btn.png" alt="settings" />
		  <img src="images/skin/default/menu_dd_handle_close.png"
		       alt="Minimize"
		       class="w_toggle"
		       onclick="widgetToggle(this);"/>
		</div>
              </div>
              <div class="w_content">
                <ul class="tab_bar">
                  <li id="ciT1"><a href="javascript:void(0)">Home</a></li>
                  <li id="ciT2"><a href="javascript:void(0)">Business</a></li>
                  <li id="ciT3"><a href="javascript:void(0)">IM</a></li>
                  <li id="ciT4"><a href="javascript:void(0)">Personal Information</a></li>
                  <li id="ciT5"><a href="javascript:void(0)">Linked Data Explorer</a></li>
                </ul>
                <div class="tab_deck">
                  <div id="ciPCtr" class="tab_page">
                  </div>
                  <div id="ciP1" class="tab_page">
                  <table width="100%">
                    <tr>
                      <td width="100%" valign="top">
                    <div  class="vcard">
            	      <div class="vcard_l" id="ciP1photo">
		      </div>
                      <div class="vcard_r">
            	        <span>
            	          <a href="#" class="personal_uri" id="ciP1uri">Personal URI</a>
            	          <br />
                  	        </span>
                        <span class="fn" id="ciP1fn"></span>
                        <div class="org" id="ciP1org"></div>
                        <a class="email" id="ciP1email" rel="foaf:mbox" href=""></a>
                        <div class="adr">
                          <div class="street-address" id="ciP1address"></div>
                          <span class="locality" id="ciP1city">,</span>
                          <span class="region" id="ciP1state">,</span>
                          <span class="postal-code" id="ciP1zip"></span>
                          <span class="country-name" id="ciP1country"></span>
                        </div> <!-- adr -->
                      <div class="tel" id="ciP1tel">
                      </div>
                      </div>
                    </div>
                      </td>
                      <td valign="top">
                        <img id="ciP1qrcode" src=""/>
                      </td>
                    </tr>
                </table>
                  </div> <!-- tab_page -->
                  <div id="ciP2" class="tab_page">
                    <div class="vcard">
                      <div class="fn org" id="ciP2title"></div>
                      <div class="adr">
                        <div class="street-address" id="ciP2address"></div>
                      <div>
                        <span class="locality" id="ciP2city">,</span>
                             <abbr class="region" id="ciP2state" title=""></abbr>
                             <span class="postal-code" id="ciP2zip">,</span>
                             <abbr class="country" id="ciP2country" title=""></abbr>
                        </div>
                      </div> <!-- .adr -->
                    <div class="tel" id="ciP2tel">
                    </div>
                    </div> <!-- .vcard -->
                  </div> <!-- .tab_page -->
                  <div id="ciP3" class="tab_page">
		    <ul class="im_contacts"></ul>
                  </div>
                  <div id="ciP4" class="tab_page ci_personal">
                  <div class="sect ci_p_topicInterests">
                    <h4>Interest topics</h4>
                    <p id="interestTopicsCtr"></p>
                  </div>
                    <div class="sect ci_p_interests">
                      <h4>Interests</h4>
                      <p id="interestsCtr"></p>
                    </div>
                    <div class="sect ci_p_music">
                      <h4>Music</h4>
                      <p id="musicCtr"></p>
                    </div>
                    <div class="sect ci_p_other">
                      <h4>Other</h4>
                    </div>
                  </div>
                  <div id="ciP5" class="tab_page">
                    <div class="sect">
                      <div id="linkedDataC" style="height:300px;overflow:scroll"></div>
                    </div>
                  </div>
		  <div id="ciP6" class="tab_page">
		    <h3>Linked Data URIs</h3>
		    <ul class="linked_data_uris" id="linked_data_uri_list">
		      <li><a href="#" class="personal_uri" id="sm_personal">Personal URI</a></li>
		      <li><a href="#" class="openid_uri" id="sm_openid">OpenID URI</a></li>
		      <li><a href="#" class="foaf_uri" id="sm_foaf">FOAF Profile URI</a></li>
		      <li><a href="#" class="sioc_uri" id="sm_sioc">SIOC Data Space URI</a></li>
		      <li><a href="#" class="dataspace_uri" id="sm_dataspace">Data Space URI</a></li>
		      <li><a href="#" class="vcard_uri" id="sm_vcard">VCard</a></li>
		    </ul>
		  </div>
                </div> <!-- .tab_deck -->
              </div> <!-- .w_content -->
            </div> <!-- .widget -->

	    <div id="connect_box" class="widget"></div> <!-- connect box template applied here -->

	    <div id="notify" class="notify_w widget">
              <div class="w_title">
                <h3>Activities</h3>
                <div class="w_title_bar_btns">
		  <img src="images/skin/default/settings_btn.png"
		       alt="settings" />
		  <img src="images/skin/default/menu_dd_handle_close.png"
		       alt="Minimize"
		       class="w_toggle"
		       onclick="widgetToggle(this);"/>
		</div> <!-- w_title_bar_btns -->
              </div>
              <div class="w_content" id="notify_content">
              </div> <!-- w_content -->
            </div> <!-- widget -->
   	  <!-- Profile Page end-->
          <!-- Connections Page start-->
          <div id="contacts_interface" style="display: none;">
            <div class="widget w_contact">
              <div class="w_content">
                <ul class="tab_bar">
                  <li id="csiT1"><a href="javascript: void(0)">Connections List</a></li>
                  <li id="csiT2"><a href="javascript: void(0)">Status Updates</a></li>
                </ul>
                <div class="tab_deck">
                  <div id="cisPCtr" class="tab_page">
                  </div>
                  <div id="cisP1" class="tab_page">
                    &nbsp;&nbsp;Show&nbsp;
		    <select id="connections_filter_select" onchange="dd('');">
                      <option value="0" selected="selected">All Connections</option>
                      <!--option value="1">Recently Updated</option-->
                      <!--option value="3">Recently Added</option-->
                      <!--option value="5">Online Now</option-->
		    </select>

                    <div id="connections_list" style="text-align:center">
                    </div>
                    <div id="connectionsTemplate" style="display:none;">
                      <table border="0" cellspacing="0" width="98%">
                        <tr>
                  			  <td class="image" style="width: 150px;">
                  			    <img src="images/profile.png" style="width: 40px; cursor: pointer"/>
                  			    <br/>
                  			    <span style="cursor: pointer; text-decoration: underline;">{connProfileFullName}</span>
			  </td>
                          <td class="info">
                          </td>
                          <td class="actions" style="width: 120px; text-align: left;">
                            <a id="{sendMsg}" style="cursor: pointer; text-decoration:underline;">Send Message</a><br/>
                            <a id="{viewConnections}" style="cursor: pointer; text-decoration: underline;">View Connections</a><br/>
			                      <a id="{doConnection}" style="cursor: pointer; text-decoration: underline;">Connection/Disconnect</a>
			  </td>
                        </tr>
		      </table>
                    </div>

                  </div> <!-- tab_page -->
                  <div id="cisP2" class="tab_page">
                  </div> <!-- tab_page -->
                </div>
              </div>
            </div>
          </div>
	  <!-- Connections Page end-->
          <!-- Invitation Page start-->
          <div id="invitations_C" style="display:none;">
            <h1>
	      <img alt="OpenLink Data Spaces" src="images/odslogo_200x25.png" style="padding-top:5px" /><br/>Welcome to
	      <span id="invitations_connection_full_name_1"></span>'s network</h1>
            <div class="profile">
              <img src="images/profile_small.png" width="105px" alt="" id="invitations_connection_photo" />
		<p>This is a personal invitation from <span id="invitations_connection_full_name_2"></span>.
		  <!-- You currently have 2 degrees of separation. --></p>
		<ul class="profile">
                  <li>
		    <span class="label">City</span>
		    <span class="value" id="invitations_connection_city">Amsterdam</span>
		  </li>
                  <li>
		    <span class="label">Country</span>
		    <span class="value" id="invitations_connection_country">Netherlands</span>
		  </li>
                  <li>
		    <span class="label">Connections</span>
		    <span class="value" id="invitations_connection_conncount"></span>
		  </li>

<!-- <li><span class="label">Connection path</span> <span class="value"><a href="#">UserX</a>&gt;<a href="#">UserY</a></span></li> -->

		</ul>
            </div>
            <div class="actions">
              <h2>What now?</h2>
              <p>Have a look and decide if you want to connect with
		<span id="invitations_connection_full_name_3"></span>.
		People directly connected have access to more information about each other.</p>
              <ul>
                <li>
		  <a href="javascript:void(0)"
		     id="invitations_connection_profileA">View
		    <span id="invitations_connection_full_name_4"></span>'s Profile
		  </a>
		</li>
                <li>
		  <a href="javascript:void(0)" id="invitations_connection_acceptA">Accept invitation and
		    add <span id="invitations_connection_full_name_5"></span> in your network.
		  </a>
		</li>
                <li>
		  <a href="javascript:void(0)" id="invitations_connection_rejectA">Reject invitation.</a>
		</li>
              </ul>
              <p class="info">
		<img class="block_attention_decor" alt="info" src="images/info.png" /> It is usually a good idea to connect
		only with people you know and share interest with.</p>
	    </div>
            <div class="explanation">
              <h2>Why this message?</h2>
              <p>This message is part of myopenlink.net social network connection process and was sent
		because {user_first} found 
		<a href="javascript:void(0)" id="invitations_connection_ownprofileA">your profile</a>
		and asked to connect with you directly. If you choose to ignore this message, the
		invitation will expire automatically within 7 days. During this period you can always
		accept or reject the invitation by signing in to ODS and navigating to the
		incoming invitations page.</p>
              <p>If you choose to reject the invitation, you can also choose to block this user from
		sending any invitations to you in the future.</p>
<!--
             <p>You may also turn off email notifications such as this by visiting your <a href="javascript:void(0)">profile settings</a></p>
-->
            </div>
          </div>

  	  <!-- Invitation Page end-->
  	  <!-- General search start-->

          <div id="generalSearch_C" style="display:none">
	    <div class="app_cmd_row"></div>
            <div class="search_params_box">
              <div class="lt">
                <h2>Search</h2>
                <input type="text" id="search_textbox_searchC" />
		<button id="search_button_searchC" onclick="this.callback()">Search</button><br/>
                <a href="javascript:void(0)"
		   onclick="this.callback();"
		   id="advanced_search_searchC">Advanced search...</a><br/>
              </div> <!-- .lt -->
            </div> <!-- .search_params_box -->
            <div style="width:100%">
              <ul class="tab_bar">
                <li id="searcT1"><a href="javascript:void(0)">Listing</a></li>
                <li id="searcT2"><a href="javascript:void(0)">Map</a></li>
              </ul>
              <div id="searchPCtr" class="tab_page tab_deck"></div>
              <div id="searchP1" class="tab_page">
                <div id="search_lst" class="tab_page">
                  <div class="paged_listing">
                    <div class="search_lst_view_params">
                      <label for="search_lst_sort" class="inline_select">View</label>
                      <select id="search_lst_sort">
                        <option value="sort_order=desc">By Date, Newest First</option>
                        <option value="sort_order=asc">By Date, Oldest First</option>
                        <option value="sort_by_score=1&amp;sort_order=asc">By Score, Ascending</option>
                        <option value="sort_by_score=1&amp;sort_order=desc">By Score, Descending</option>
                      </select>
                      <label for="search_focus_sel" class="inline_select">Focus on</label>
                      <select id="search_focus_sel" onchange="this.callback()">
                        <option value="on_all">Everything</option>
                        <option value="on_people">People</option>
                        <option value="on_wikis">Wikis</option>
                        <option value="on_blogs">Weblogs</option>
                        <option value="on_news">Feeds</option>
                        <option value="on_bookmark">Bookmarks</option>
                        <option value="on_omail">Mail</option>
                        <option value="on_polls">Polls</option>
                        <option value="on_addressbook">AddressBook</option>
                        <option value="on_calendar">Calendar</option>
                        <option value="on_nntp">Discussion</option>
                        <option value="on_apps">Application descriptions</option>
                        <option value="on_dav">DAV</option>
                        <option value="on_advanced">Advanced...</option>
                      </select>
                      <a href="javascript: void(0)"
			 onclick="this.callback();"
			 id="toggleSelect">Toggle select</a> 
                      <a href="javascript:void(0)"
			 onclick="this.callback();"
			 id="tagSelectedToggle">Tag selected...</a> 
                      <img src="images/icons/rss-icon-12.png"
			   alt="RSS"
			   id="searchPermalinkImg"
			   style="cursor:pointer"/> 
		      <a href="javascript:void(0)"
			 id="searchPermalinkA">Permalinks...</a>
                    </div>
                    <div class="pager" style="text-align:left;display:none;" id="search_focus_advanced">
                      <input id="cb_people"
			     type="checkbox"
			     tabindex="4"
			     checked="checked"
			     value="on_people"
                  			     name="cb_people"/>
                  		<label for="cb_people">People</label>
                      <input id="cb_apps"
			     type="checkbox"
			     tabindex="9"
			     checked="checked"
			     value="on_apps"
                  			     name="cb_apps"/>
                  	  <label for="cb_apps">Application descriptions</label>
                      <input id="cb_dav"
			     type="checkbox"
			     tabindex="8"
			     checked="checked"
			     value="on_dav"
                  			     name="cb_dav"/>
                  		<label for="cb_dav">DAV</label>
                      <input id="cb_blogs"
			     type="checkbox"
			     tabindex="6"
			     checked="checked"
			     value="on_blogs"
                  			     name="cb_blogs"/>
                  	  <label for="cb_blogs">Weblog</label>
                      <input id="cb_news"
			     type="checkbox"
			     tabindex="5"
			     checked="checked"
			     value="on_news"
                  			     name="cb_news"/>
                  		<label for="cb_news">Feeds</label>
                      <input id="cb_wikis"
			     type="checkbox"
			     tabindex="7"
			     checked="checked"
			     value="on_wikis"
                  			     name="cb_wikis"/>
                  		<label for="cb_wikis">Wiki</label>
                      <input id="cb_omail"
			     type="checkbox"
			     tabindex="10"
			     checked="checked"
			     value="on_omail"
			     name="cb_omail"/><label for="cb_omail">Mail</label>
                      <input id="cb_bookmark"
			     type="checkbox"
			     tabindex="11"
			     checked="checked"
			     value="on_bookmark"
                  			     name="cb_bookmark"/>
                  		<label for="cb_bookmark">Bookmarks</label>
                      <input id="cb_polls"
			     type="checkbox"
			     tabindex="13"
			     checked="checked"
			     value="on_polls"
                  			     name="cb_polls"/>
                  	  <label for="cb_polls">Polls</label>
                      <input id="cb_addressbook"
			     type="checkbox"
			     tabindex="14"
			     checked="checked"
			     value="on_addressbook"
                  			     name="cb_addressbook"/>
                  		<label for="cb_addressbook">AddressBook</label>
                      <input id="cb_calendar"
			     type="checkbox"
			     tabindex="15"
			     checked="checked"
			     value="on_calendar"
			     name="cb_calendar"/><label for="cb_calendar">Calendar</label>
                      <input id="cb_nntp"
			     type="checkbox"
			     tabindex="12"
			     checked="checked"
			     value="on_nntp"
                  			     name="cb_nntp"/>
                  		<label for="cb_nntp">Discussion</label>
                    </div>
                    <div class="pager" style="text-align:left;display:none;" id="do_tag_block">
                      <input id="tagsInput"
			     type="text"
			     style="width: 200px;margin:2px 0px 0px 5px"
			     onkeyup="this.doTagToggle()" onfocus="this.doTagToggle()" />
                      <img title="Add Tag"
			   alt="Add Tag"
			   src="images/icons/add_16_gr.png"
			   style="vertical-align:text-bottom;border:0px;"
			   onclick="this.callback()" id="do_tag"/>
                    </div>
                    <div class="pager"
			 style="text-align:left;display:none;"
			 id="search_gems_block">
                      <a rel="xml"
			 href="javascript:void(0)">
			<img border="0"
			     title="rss"
			     alt="rss"
			     src="images/orange-icon-16.gif"/> RSS</a>
                      <a rel="atom"
			 href="javascript:void(0)">
			<img border="0"
			     title="atom"
			     alt="atom"
			     src="images/blue-icon-16.gif"/> Atom</a>
                      <a rel="rdf"
			 href="javascript:void(0)">
			<img border="0"
			     title="rdf"
			     alt="rdf"
			     src="images/rdf-icon-16.gif"/> RDF</a>
                      <a rel="xbel" href="javascript:void(0)">
			<img border="0"
			     title="xbel"
			     alt="xbel"
			     src="images/blue-icon-16.gif"/> XBEL</a>
                      <a rel="opensearch"
			 href="javascript:void(0)">
			<img border="0"
			     title="opensearch"
			     alt="rss"
			     src="images/blue-icon-16.gif"/> OpenSearch</a>
                      <a rel="gdata"
			 href="javascript:void(0)">
			<img border="0"
			     title="GData"
			     alt="GData"
			     src="images/blue-icon-16.gif"/> GData</a>
                    </div> <!-- pager -->
                    <div class="pager" id="top_pager">Results 0:
                      <span><img src="images/skin/pager/p_first_gr.png" alt="First page"/>first</span>
                      <span><img src="images/skin/pager/p_prev_gr.png" alt="Previous page"/>prev</span>
                      <span><img src="images/skin/pager/p_next_gr.png" alt="Next page"/>next</span>
                      <span><img src="images/skin/pager/p_last_gr.png" alt="Last page"/>last</span>
                    </div> <!-- pager -->
                    <ul class="search_listing" id="search_listing">
                      <li>
			<div class="hit person"></div>
		      </li>
                    </ul>
                    <div class="pager" id="bottom_pager">Results 0:
                      <span><img src="images/skin/pager/p_first_gr.png" alt="First page"/>first</span>
                      <span><img src="images/skin/pager/p_prev_gr.png" alt="Previous page"/>prev</span>
                      <span><img src="images/skin/pager/p_next_gr.png" alt="Next page"/>next</span>
                      <span><img src="images/skin/pager/p_last_gr.png" alt="Last page"/>last</span>
                    </div> <!-- pager -->

                  </div>
                </div> <!-- .tab_page -->
              </div> <!-- .tab_page -->
              <div id="searchP2" class="tab_page">
		<div id="searchMap"></div>
	      </div>
            </div> <!-- .tab_deck -->
            <div id="connectionsSearch_C" style="display:none;">
              <table>
		<colgroup>
                  <col width="20%" span="1"/>
                  <col width="10%" span="1"/>
                  <col width="20%" span="1"/>
                  <col width="70%" span="1"/>
		</colgroup>
		<tbody>
		  <tr>
                    <td class="ctl_title">First Name</td>
                    <td align="left"><input type="text" value="" name="us_first_name"/></td>
                    <td class="ctl_title">Last Name</td>
                    <td align="left"><input type="text" value="" name="us_last_name"/></td>
                  </tr>
                  <tr>
                    <td class="ctl_title">Keywords</td>
                    <td align="left">
                      <input type="text" value="borislav" name="us_keywords"/>
                    </td>
                    <td class="ctl_title">Tags</td>
                    <td align="left">
                      <input type="text" value="" name="us_tags"/>
                    </td>
                  </tr>
                  <tr>
                    <td class="ctl_title">Within</td>
                    <td align="left">
                      <select name="us_within_friends">
			<option selected="selected" value="0">All</option>
			<option value="1">Friends</option>
			<option value="2">Friends of Friends</option>
		      </select>
                    </td>
                    <td class="ctl_title">Within members of</td>
                    <td align="left">
                      <select name="us_within_members">
			<option selected="selected" value="">
			  All Instances
			</option>
			<option value="4">1234's AddressBook</option>
			<option value="7">Borislav Dimitrov's AddressBook</option>
			<option value="9">Borislav Dimitrov's Feed Manager</option>
			<option value="10">Borislav Dimitrov's Gallery</option>
			<option value="52">Borislav Dimitrov's Instant Messenger</option>
			<option value="66">Borislav Dimitrov's Mail</option>
			<option value="16">Borislav Dimitrov's Polls</option>
			<option value="12">Borislav's Bookmarks</option>
			<option value="13">Borislav's Briefcase</option>
			<option value="8">Borislav's Community</option>
			<option value="45">Borislav's Community of Sofia</option>
			<option value="46">Borislav's Feeds</option>
			<option value="11">Borislav's Weblog</option>
			<option value="19">BorislavWiki</option>
			<option value="47">BorislavWiki2</option>
			<option value="1">Community blog</option>
			<option value="3">Doc</option>
			<option value="2">Main</option>
			<option value="5">Rosen Dimitrov's AddressBook</option>
			<option value="6">Rosen Dimitrov's Bookmarks</option>
			<option value="14">Rossen's Weblog</option>
			<option value="17">bdimitrov1's Community</option>
			<option value="15">borislavdimitrov's AddressBook</option>
			<option value="22">org's Community</option>
			<option value="23">org's Gallery</option>
		      </select>
                    </td>
                  </tr>
                  <tr>
                    <td class="ctl_title">Within Distance</td>
                    <td align="left" colspan="3">
                      <input type="text" value="" name="us_dist_km"/>
                      <select name="us_dist_kind">
			<option selected="selected" value="0">km</option>
			<option value="1">miles</option>
		      </select>
                      of Lat: 
                      <input type="text" value="" name="us_dist_pt_lat"/>
                      Lng: 
                      <input type="text" value="" name="us_dist_pt_lng"/>
                    </td>
                  </tr>
                  <tr>
                    <td class="ctl_title">Order by</td>
                    <td align="left">
                      <select name="us_oby">
			<option selected="selected" value="0">Name</option>
			<option value="1">Relevance</option>
			<option value="2">Distance</option>
			<option value="3">Time</option>
		      </select>
                    </td>
                    <td class="ctl_title">Output as</td>
                    <td align="left">
                      <select name="us_out_as">
			<option value="Report">Report</option>
			<option selected="selected" value="Map">Map</option>
		      </select>
                    </td>
                  </tr>
                  <tr>
                    <td class="ctl_title">Max rows</td>
                    <td align="left">
                      <input type="text" value="100" name="us_max_rows"/>
                    </td>
                  </tr>
                  <tr>
                    <td> </td>
                    <td colspan="3">
                      <span class="fm_ctl_btn">
			<input type="submit" value="Search" name="user_search"/>
                      </span>
                    </td>
                  </tr>
		</tbody>
              </table>
            </div> <!-- connectionsSearch_C -->
          </div> <!-- generalSearch_C -->

  	<!-- General search end -->

        </div> <!-- #APP -->
        <div id="FT">
          <img alt="Powered by OpenLink Virtuoso" src="images/skin/default/virt_power_no_border.png"/>
          <div id="FT_RC">
            Copyright &copy; 1998-2025 OpenLink Software<br/>
            <a href="#">About</a> <a href="#">Privacy</a> <a href="#">FAQ</a> <a href="#">Developers</a>
          </div><!-- #FT_RC -->
        </div> <!-- #FT -->
      </div> <!-- #RT -->
    </div> <!-- #PG -->
    <div id="connect_box_tpl" class="widget" style="display: none">
      <div class="w_title">
	<h3 class="w_title"><span class="u_full_name">Full Name</span> is not in your network</h3>
      </div>
      <div class="w_content">
	<img class="connect_img" src="images/skin/default/nicubunu_Abstract_people.png" alt="Connection graphic"/>
	<p>If you know <span class="u_full_name">Full Name</span>, you may ask to connect with him/her directly.
	This would allow you to access information only published to network connections, as well as send messages
	directly.</p>
      </div>
      <div class="w_btns"><button id="connect_box_connect">Connect</button></div>
    </div>
    <div id="connect_info_tpl" class="widget" style="display: none">
      <div class="w_title">
	<h3 class="w_title"><span class="u_full_name">XXXXXXX</span> and you are directly connected</h3>
      </div>
      <div class="w_content">	
	<img class="connect_img" src="images/skin/default/nicubunu_Abstract_people.png" alt="Connection graphic"/>
	<p>You are directly connected with <span class="u_full_name">XXXXXXX XXXXXXXXXX</span>.</p>
	<div class="w_btns"><button id="connect_box_disconnect">Disconnect</button></div>
      </div>
    </div>
    <div id="connect_pending_tpl" class="widget" style="display: none">
      <div class="w_title">
        <h3 class="w_title">A connection request with <span class="u_full_name">XXXXXXX XXXXXXXXX</span> is pending</h3>
      </div>
      <div class="w_content">	
	<img class="connect_img" src="images/skin/default/nicubunu_Abstract_people.png" alt="Connection graphic"/>
	<p>You have requested a direct connection with <span class="u_full_name">XXXXXXX XXXXXXXXXX</span> but
	<span class="pronoun">(s)he</span> has not approved the request yet.</p>
	<div class="w_btns"><button id="connect_box_withdraw">Withdraw connect request</button></div>
      </div>
    </div>

<!-- dialogs -->

    <div id="connect_confirm_dialog" class="ods_dialog" style="display:none">
      <div class="dlg_title">
	<h3>Connection request confirmation</h3>
      </div>
      <div class="dlg_content">
	<p>You are about to send a connection request to <span class="u_full_name">XXXXXXX XXXXXXXXX</span>.
	This means you are granting <span class="pronoun_to">him/her</span> access to all information you have marked in
	your profile as available to connected users/friends.</p>
	<p>Are you sure you want to proceed? (You can withdraw this request or disconnect any time)</p>
      </div>
      <div class="dlg_buttons">
	<button id="connect_confirm_ok">Yes, proceed!</button>
	<button id="connect_confirm_cancel">No, go back!</button>
      </div>
    </div>
    <div id="app_create_dialog" class="ods_dialog" style="display: none;">
      <div class="dlg_title"><h3>Blog Setup</h3></div>
      <div class="wizard">
	<ul class="tab_bar">
	  <li class="sel">Information</li>
	  <li>Advanced</li>
	  <li>Finish Up</li>
	</ul> <!-- wizard_tabbar -->
	<div class="tab_deck">
	  <div class="wizard_page">
            <h3>Information</h3>
            <div class="form_row"><label>Name</label><input type="text" size="25"/></div>
            <div class="form_row"><label>Url</label><input type="text" size="25"/></div>
	  </div><!-- wizard_page -->
	  <div class="wizard_page" style="display: none">
            <h3>Advanced</h3>
            <div class="form_row"><label>Name</label><input type="text" size="25"/></div>
            <div class="form_row"><label>Url</label><input type="text" size="25"/></div>
	  </div><!-- wizard_page -->
	  <div class="wizard_page" style="display: none">
            <h3>Finishing up</h3>
            <div class="form_row"><label>Name</label><input type="text" size="25"/></div>
            <div class="form_row"><label>Url</label><input type="text" size="25"/></div>
	  </div><!-- wizard_page -->
	</div> <!-- .tab_deck -->
	<div class="wizard_btnbar">
	  <button>Back</button>
	  <button>Continue</button>
	  <button onclick="OAT.Dimmer.hide ('app_create_dialog');">Cancel</button>
	  <button onclick="OAT.Dimmer.hide ('app_create_dialog');">Finish</button>
	</div> <!-- wizard_btnbar -->
      </div> <!-- wizard -->
    </div>
    
    <div id="conn_del_confirm_dialog" class="ods_dialog" style="display: none;">
      <div class="dlg_title"><h3>Delete connection</h3></div>
      <div class="dlg_content">
	<p class="dlg_msg">Are you sure you want to delete connection with <span class="u_full_name">XXXXXXX XXXXXXXXXX</span>?</p>
	<p class="dlg_explain">The user will not receive notification.</p>
	<div class="dlg_btn_row">
	  <button onclick="conn_del_dlg_hide()">Delete connection</button>
	  <button onclick="conn_del_dlg_hide()">Cancel</button>
	</div>
      </div> <!-- dlg_content -->
    </div> <!-- #conn_del_confirm_dialog -->

    <div id="connection_info_bubble" class="a_bubble conn_info_bubble" style="display: none">
      <div class="lt">
	<img src="#" alt="Connection Name" />
      </div> <!-- .lt -->
      <div class="rt">
	<ul class="menu">
          <li><a href="javascript:void(0)">Profile</a></li>
          <li><a href="javascript:void(0)">Add Connection / Disconnect</a></li>
          <li><a href="javascript:void(0)">Connections</a></li>
          <li><a href="javascript:void(0)">Browse Data Space</a></li>
	</ul>
      </div> <!-- .rt -->
    </div>

    <div id="a_tmpl_1" class="oat_anchor_bubble">
      <div class="oat_anchor_title_ctr">
	<h2 class="oat_anchor_title_text_ctr"></h2>
      </div> <!-- .oat_anchor_title_ctr -->
      <div class="oat_anchor_content">
	<!-- Add content here -->
      </div> <!-- oat_anchor_content" -->
      <div class="oat_anchor_footer">
      </div> <!-- .oat_anchor_footer -->
    </div> <!-- #a_tmpl_1 -->

    <div id="login_page" style="display: none;">
      <span id="lf_close"><b>X</b></span>
     		        <br />
      <table cellspacing="0">
        <tr>
          <td valign="top">
            <img class="id_logo" src="/ods/images/odslogo_200.png" />
          </td>
          <td valign="top">
            <div id="lf" class="form">
              <div class="header">
                Please identify yourself <img id="lf_throbber" src="/ods/images/oat/Ajax_throbber.gif" style="float: right; margin-right: 10px; display: none" />
              </div>
              <ul id="lf_tabs" class="tabs">
                <li id="lf_tab_0" title="Digest" style="display: none;">Digest</li>
                <li id="lf_tab_3" title="WebID" style="display: none;">WebID</li>
                <li id="lf_tab_1" title="OpenID" style="display: none;">OpenID</li>
                <li id="lf_tab_2" title="Facebook" style="display: none;">Facebook</li>
                <li id="lf_tab_4" title="Twitter" style="display: none;">Twitter</li>
                <li id="lf_tab_5" title="LinkedIn" style="display: none;">LinkedIn</li>
                <li id="lf_tab_6" style="display: none;"></li>
              </ul>
              <div style="min-height: 120px; border: 1px solid #aaa; margin: -13px 5px 5px 5px;">
                <div id="lf_content">&nbsp;
              </div>
                <div id="lf_page_0" class="tabContent" style="display: none;">
                  <table class="form" cellspacing="5">
                    <tr>
                      <th width="20%">
                        <label for="lf_uid">User ID</label>
                      </th>
                      <td nowrap="nowrap">
                        <input type="text" name="lf_uid" value="" id="lf_uid" style="width: 150px;" />
                      </td>
                    </tr>
                    <tr>
                      <th>
                        <label for="lf_password">Password</label>
                      </th>
                      <td nowrap="nowrap">
                        <input type="password" name="lf_password" value="" id="lf_password" style="width: 150px;" />
                      </td>
                    </tr>
                  </table>
                </div>

                <div id="lf_page_1" class="tabContent" style="display: none;">
                  <table class="form" cellspacing="5">
                    <tr>
                      <th width="20%">
                        <label for="lf_openId">OpenID URL</label>
                      </th>
                      <td nowrap="nowrap">
                        <input type="text" name="lf_openId" value="" id="lf_openId" style="width: 300px;" />
                      </td>
                    </tr>
                  </table>
              </div>

                <div id="lf_page_2" class="tabContent" style="display: none;">
                  <table class="form" cellspacing="5">
                    <tr>
                      <th width="20%">&nbsp;</th>
                      <td nowrap="nowrap">
                        <span id="lf_facebookData" style="min-height: 20px;">&nbsp;</span>
                <br />
                        <fb:login-button autologoutlink="true" xmlns:fb="http://www.facebook.com/2008/fbml"></fb:login-button>
                      </td>
                    </tr>
                  </table>
              </div>

                <div id="lf_page_3" class="tabContent" style="display: none;">
                  <table id="lf_table_3" class="form" cellspacing="5">
                    <tr id="lf_table_3_throbber">
                      <th width="20%">
                      </th>
                      <td>
                        <img alt="Import WebID Data" src="/ods/images/oat/Ajax_throbber.gif" />
                      </td>
                    </tr>
                  </table>
                </div>

                <div id="lf_page_4" class="tabContent" style="display: none;">
                  <table id="lf_table_4" class="form" cellspacing="5">
                    <tr>
                      <th width="20%">
                      </th>
                      <td>
                        <span id="lf_twitter" style="min-height: 20px;"></span>
                        <br />
                        <img id="lf_twitterButton" src="/ods/images/sign-in-with-twitter-d.png" border="0"/>
                      </td>
                    </tr>
                  </table>

                  </div>
                    <div id="lf_page_5" class="tabContent" style="display: none;">
                      <table id="lf_table_5" class="form" cellspacing="5">
                        <tr>
                          <th width="20%">
                          </th>
                          <td>
                            <span id="lf_linkedin" style="min-height: 20px;"></span>
                            <br />
                            <img id="lf_linkedinButton" src="/ods/images/linkedin-large.png" border="0"/>
                          </td>
                        </tr>
                      </table>
                </div>

                <div id="lf_page_6" class="tabContent" style="display: none;">
                  <table id="lf_table_6" class="form" cellspacing="5" width="100%">
                    <tr>
                      <td style="text-align: center;">
                        <b>The login is not allowed!</b>
                      </td>
                    </tr>
                  </table>
                </div>
              </div>
              <div id="lf_forget" class="footer" style="background-color: #FFF; display: none;">
                <a href="pass_recovery.vspx">Forgot your password?</a>
              </div>
              <div class="footer">
                <input type="button" name="lf_login" value="Login" id="lf_login" />
                <input type="button" name="lf_register" value="Sign Up" id="lf_register" />
              </div>
            </div>
          </td>
        </tr>
      </table>
    </div> <!-- login_page -->
  </body>
</html>
